<template>
    <div>
        <h1>基础用法</h1>
        <el-icon :size="15" color="red">
            <Edit></Edit>
        </el-icon>
    </div>
    <div>
        <h1>结合 el-icon</h1>
        <el-icon :size="20">
            <Edit></Edit>
        </el-icon>
        <el-icon color="#4093fc" class="no-inherit">
            <Share></Share>
        </el-icon>
        <el-icon>
            <Delete></Delete>
        </el-icon>
        <el-icon class="is-loading">
            <Loading></Loading>
        </el-icon>
        <el-button type="primary">
            <el-icon style="vertical-align: middle;">
                <Search></Search>
            </el-icon>
            <span style="vertical-align: middle;">搜索</span>
        </el-button>
    </div>
    <div>
        <h1>直接使用 svg</h1>
        <Edit style="width: 1em; height: 1em; margin-right: 8px;"></Edit>
        <Share style="width: 1em; height: 1em; margin-right: 8px;"></Share>
        <Delete style="width: 1em; height: 1em; margin-right: 8px;"></Delete>
        <Search style="width: 1em; height: 1em; margin-right: 8px;"></Search>
        <Menu style="width: 1em; height: 1em; margin-right: 8px;"></Menu>
        <el-icon class="is-loading"><Loading/></el-icon>
    </div>

</template>